<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Teaching system - Registration</title>

    <link rel="stylesheet" href="/resources/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="/resources/css/bootstrap-extended.css" type="text/css">
    <link rel="stylesheet" href="/resources/css/bootstrap-responsive.css" type="text/css">

    <link rel="stylesheet" href="/resources/css/template2.css" type="text/css">

    <script src="/resources/js/jquery.js" type="text/javascript"></script>
    <script src="/resources/js/bootstrap.js" type="text/javascript"></script>

</head>

<body>
<!-- Header -->
<div class="header">
    <img src="/resources/img/logo.png">
    <hr>
</div>

<!-- Container -->
<div class="container">

    <div class="alert alert-success">
        <!-- Button trigger modal -->
        <button class="btn btn-success btn-lg" data-toggle="modal" data-target="#myModalHelp">
            <i class="icon-question-sign icon-white"></i>Show help
        </button>
        <a class="btn btn-warning " href="/" title="Logout" style="float: right;">
            <i class="icon-off icon-white"></i> Back
        </a>
    </div>

    <div class="content">
        <h3>User not found. Creating new user.</h3>
        <form action="/register/" method="post" role="form">
            <div class="form-group">
                <label for="inputLogin">Login</label>
                <input name="userName" type="text" class="form-control" id="inputLogin" placeholder="Enter login" required autofocus>
            </div>
            <div class="form-group">
                <label for="inputPassword">Password</label>
                <input name="password" type="password" class="form-control" id="inputPassword" placeholder="Password" required>
            </div>
            <h4>${message}</h4>
            <button type="submit" class="btn btn-default">Create</button>
        </form>
    </div>

    <hr>

    <div class="navbar navbar-fixed-bottom">
        <p class="center">© 2013</p>
    </div>

    <%@include file="help.jspf" %>

</div>

</body>
</html>